@charset "utf-8";

/* Talk 쓰기 */
.talk-write {position:relative; padding:0 0 24px 90px; zoom:1;}
.talk-write .profile {position:absolute; left:0; top:0; width:76px; height:76px;}
.talk-write .profile img {width:76px; height:76px;}
.talk-write .profile .grade-bg {position:absolute; left:0; bottom:0; width:100%; height:15px; opacity:0.5; filter:alpha(opacity=50); background:#000;}
.talk-write .profile .grade {position:absolute; left:0; bottom:0; width:100%;  font-size:10px; text-align:center; line-height:15px; font-weight:bold; color:#fff; }
.talk-write form {position:relative; padding:14px; border:1px solid #ccc; border-top:1px solid #ddd; background:#f7f7f7;}
.talk-write form .arrow {position:absolute; top:26px; left:-7px; width:8px; height:13px; background:url(/image/common/map_balloon_arrow.png) no-repeat;}
.talk-write .content {position:relative; overflow:hidden; border-style:solid; border-width:1px; border-color:#c1c1c1 #cbcbcb #d0d0d0; background:#fff url(../image/common/bg_input.png) repeat-x;}
.talk-write .content fieldset {padding:5px 7px; text-align:right;}
.talk-write .content.error fieldset {background:#feffe0;}
.talk-write .content textarea {vertical-align:top; width:594px; height:44px; border:0; background-color:transparent; overflow-y:hidden;}
.talk-write .content textarea.login {color:#999;}
.talk-write .content textarea.with-photo {width:540px;}
.talk-write .content textarea.empty {color:#999;}
.talk-write .content .photo {position:absolute; top:7px; left:8px; width:30px; height:30px; padding:7px; background:url(../image/talk/bg_attached_photo.png) no-repeat;}
.talk-write .content .photo .thumb {width:30px; height:30px;}
.talk-write .content .photo .btn-del {position:absolute; top:3px; right:3px;}
.talk-write .talk-att-spot, 
.talk-write .talk-att-route {background:url(/image/common/ln_dotted.png) repeat-x;}
.talk-write .option {height:30px; position:relative; overflow:hidden;}
.talk-write .option .btn-upload {position:absolute; top:7px; left:0; z-index:10;}
.talk-write .attach {float:left; margin-top:7px; }
.talk-write .attach a {float:left; position:relative; width:30px; height:23px; background:url(../image/talk/map_btn_attach.png) no-repeat;}
.talk-write .attach a.spot {background-position:-30px 0;}
.talk-write .attach a.route {width:31px; background-position:-60px 0;}
.talk-write .attach a.photo.on {background-position:0 -25px;}
.talk-write .attach a.spot.on {background-position:-30px -25px;}
.talk-write .attach a.route.on {background-position:-60px -25px;}
.talk-write .attach a.spot.disabled {background-position:-30px -50px;}
.talk-write .attach a.route.disabled {background-position:-60px -50px;}
.talk-write .attach a span {position:absolute; top:-26px; left:-11px; visibility:hidden; padding:1px 6px 5px; font-size:11px; line-height:18px; white-space:nowrap; color:#fff; background:url(../image/talk/bg_balloon_gray.png) center 0 no-repeat;}
.talk-write .attach a.route span {left:-17px}
.talk-write .attach a:hover {text-decoration:none;}
.talk-write .attach a:hover span,
.talk-write .attach a.hover span {visibility:visible;}
.talk-write .attach .remain {float:left; margin:3px 0 0 13px; font-size:11px; font-weight:bold; color:#999;}
.talk-write .attach .remain.error {color:#ff4f47;}
.talk-write .submit {float:right; margin-top:7px; border:0; width:80px; height:23px; cursor:pointer; background:url(../image/common/map_btn_comment.png) no-repeat;}
.talk-write .submit.on {background-position:0 -25px;}
.talk-write .service {float:right; margin:11px 8px 0 0;}
.talk-write .service a {float:left; position:relative; margin-right:12px; width:16px; height:16px; overflow:hidden; cursor:pointer;}
.talk-write .service a .icon {position:absolute; width:16px; height:60px; background:url(../image/talk/map_service.png) no-repeat;}
.talk-write .service a.off .icon {top:-20px;}
.talk-write .service a.on .icon {top:-40px;}
.talk-write .service .twitter .icon {background-position:-20px 0;}
.talk-write .service .facebook .icon {background-position:-40px 0;}
.talk-write .guide {color:#b8b8b8; line-height:18px; font-size:11px; margin:5px 0; text-align:right;}

/* Talk 목록  */
.talk-list {position:relative; zoom:1; overflow:hidden;}
.talk-list.all {padding-top:20px;}
.talk-list-item {position:relative; padding-left:90px; padding-bottom:20px; zoom:1;}
.talk-list-item .m-box {margin-bottom:10px;}
.talk-list-item .profile {position:absolute; left:0; top:0; width:76px; height:76px;}
.talk-list-item .profile img {width:76px; height:76px;}
.talk-list-item .profile .grade-bg {position:absolute; left:0; bottom:0; width:100%; height:15px; opacity:0.5; filter:alpha(opacity=50); background:#000;}
.talk-list-item .profile .grade {position:absolute; left:0; bottom:0; width:100%;  font-size:10px; text-align:center; line-height:15px; font-weight:bold; color:#fff; }
.talk-list-item .talk-box {position:relative; padding:9px 14px 8px; zoom:1;}
.talk-list-item .talk-box .arrow {position:absolute; top:26px; left:-7px; width:8px; height:13px; background:url(../image/common/map_balloon_arrow.png) -10px 0 no-repeat;}
.talk-list-item .talk-box .btn-go {position:absolute; top:9px; right:14px; z-index:5;}
.talk-list-item .reg-info {height:35px; }
.talk-list-item .reg-info .nick {float:left; margin:2px 3px 0 0; color:#03a2d0; font-weight:bold;}
.talk-list-item .reg-info .id {float:left; margin:4px 6px 0 0; font:11px/16px calibri; color:#999;}
.talk-list-item .reg-info .date {float:left; margin:4px 9px 0 0; font:11px/16px calibri; color:#999;}
.talk-list-item .reg-info .control {float:left;}
.talk-list-item .reg-info .control a {float:left; width:23px; height:23px; background:url(../image/common/map_btn_edit.png) no-repeat;}
.talk-list-item .reg-info .control .btn-del-talk {width:24px; background-position:-23px 0;}
.talk-list-item .reg-info .control .btn-del-talk:hover {background-position:-23px -25px;}
.talk-list-item .reg-info .control .btn-edit-talk:hover {background-position:0 -25px;}
.talk-list-item .content {color:#666; line-height:16px; overflow:hidden; padding-bottom:14px;}
.talk-list-item .content a {color:#03a2d0;}
.talk-list-item .content a.keyword {color:#000; font-weight:bold;}
.talk-list-item .content .photo.big {margin-bottom:18px;}
.talk-list-item .content .photo.small {float:left; margin:2px 14px 0 0; cursor:pointer;}
.talk-list-item .content p.text {word-break:break-all;}
.talk-list-item .attached {display:block; margin-top:18px; background:#fafafa; cursor:pointer;}
.talk-list-item .attached:hover {display:block; margin-top:18px; background:#f2f2f2; text-decoration:none;}
.talk-list-item .action {float:right; height:30px;}
.talk-list-item .action .num {font-size:10px;}
.talk-list-item .action .btn-like-wrap {float:left;}
.talk-list-item .action .btn-like-wrap .num {float:left; margin-top:5px; line-height:12px;}
.talk-list-item .action .btn-like {float:left; margin-right:3px; width:55px; height:23px; text-indent:-1000px; overflow:hidden; background:url(../image/common/map_btn_state.png);}
.talk-list-item .action .btn-like:hover,
.talk-list-item .action .btn-like.on {background-position:-60px 0;}
.talk-list-item .action .btn-like.on {cursor:default;}
.talk-list-item .action .btn-comment {float:left; margin:5px 0 0 20px; position:relative; padding-left:20px; line-height:12px; color:#000;}
.talk-list-item .action .btn-comment .icon {position:absolute; top:0; left:0; width:16px; height:13px; background:url(../image/common/map_icon_state.png) -60px 0 no-repeat;}
.talk-list-item .action .btn-comment:hover .icon,
.talk-list-item .action .btn-comment.on .icon {background-position:-40px 0;}

/* 목록 더보기 */
.talk-list-more {padding-left:90px;}
.talk-list-more a {display:block; width:100%; line-height:29px; border:1px solid #e8e8e8; text-align:center; color:#000; background:#f7f7f7;}

/* 개별 톡 뷰 */
.talk-view {width:730px; margin:0 auto;}

/* 첨부된 스팟 */
.talk-att-spot {position:relative; height:76px; padding:9px 8px 9px 97px;}
.talk-att-spot .thumb {position:absolute; top:9px; left:8px; width:76px; height:76px;}
.talk-att-spot .head {line-height:20px; }
.talk-att-spot .head a,
.talk-att-spot .head em {font-size:12px; color:#000; font-weight:bold;}
.talk-att-spot .head .icon {margin-right:5px; vertical-align:middle;}
.talk-att-spot .area {margin-top:3px; font-size:11px; color:#999;}
.talk-att-spot .addr {margin-bottom:5px; font-size:11px; color:#999;}
.talk-att-spot .btn-del {position:absolute; top:9px; right:8px;}

/* 첨부된 여행길  */
.talk-att-route {position:relative; height:76px; padding:9px 8px 9px 97px;}
.talk-att-route .thumb {position:absolute; top:9px; left:8px; width:76px; height:76px;}
.talk-att-route .head {line-height:20px; font-weight:bold; color:#999;}
.talk-att-route .head a,
.talk-att-route .head em {font-size:12px; color:#000;}
.talk-att-route .info {margin:4px 0 18px; font-size:11px; color:#999;}
.talk-att-route .info .date {font-family:calibri;}
.talk-att-route .by {font-size:11px; color:#999;}
.talk-att-route .by em {color:#666;}
.talk-att-route .btn-del {position:absolute; top:9px; right:8px;}

/* 첨부 레이어 */
.layer-talk-attach {width:422px; }
.layer-talk-attach h2 {line-height:16px; height:32px; border-bottom:1px solid #c8c8c8;}
.layer-talk-attach input.text {padding:2px 5px 3px; height:18px; color:#000; border-width:1px; border-style:solid; border-color:#c1c1c1 #cbcbcb #d0d0d0; background:url(../image/common/bg_input.png) repeat-x;}
.layer-talk-attach input.text.empty {color:#b8b8b8;}
.layer-talk-attach .content {height:308px;}
.layer-talk-attach .my-route-list {padding-top:10px;}
.layer-talk-attach .my-route-list li {padding:5px 0 6px; height:18px; border-bottom:1px solid #e0e0e0;}
.layer-talk-attach .my-route-list li a {float:left;}
.layer-talk-attach .my-route-list li a:hover {text-decoration:none;}
.layer-talk-attach .my-route-list li.on a {font-weight:bold; color:#03a2d0; padding-right:21px; background:url(../image/talk/ico_checked.png) right 2px no-repeat;}
.layer-talk-attach .my-route-list li .checked {float:left; margin:2px 0 0 6px;}
.layer-talk-attach .my-route-list li .date {float:right; color:#999; font:11px/18px calibri;}
.layer-talk-attach .layer-pagination {margin-top:10px;}
.layer-talk-attach .btns {position:relative; text-align:center;}
.layer-talk-attach .btns .cancel {position:absolute; top:5px; left:0; font-size:11px; color:#03a2d0;}
.layer-talk-attach p.empty.route {padding-top:74px;}
.layer-talk-attach p.empty {line-height:20px; text-align:center;}
.layer-talk-attach p.empty a {color:#03a2d0; font-weight:bold;}
.layer-talk-attach .route-search {height:190px;}
.layer-talk-attach .route-search form {padding:31px 0 30px; height:25px;}
.layer-talk-attach .route-search .label {float:left; margin:0 20px 0 10px; line-height:25px; color:#000; font-weight:bold;}
.layer-talk-attach .route-search .url {float:left; margin-right:5px; font:bold italic 12px/25px calibri; color:#999;}
.layer-talk-attach .route-search .text {float:left; width:79px; border-right:0;}
.layer-talk-attach .route-search .result {padding:11px 0 12px; border:1px solid #e0e0e0; border-width:1px 0;}
.layer-talk-attach .route-search .result .name {float:left; height:20px; color:#03a2d0; font-weight:bold; padding-right:21px; background:url(../image/talk/ico_checked.png) right 2px no-repeat;}
.layer-talk-attach .route-search .result .date {float:right; color:#999; font:11px/18px calibri;}
.layer-talk-attach .route-search .result .by {clear:both; color:#999; font-size:11px;}
.layer-talk-attach .route-search .result .by em {color:#666;}
.layer-talk-attach .uid-guide {padding:9px 13px; border:1px solid #e0e0e0; line-height:18px; font-size:11px; color:#666; background:#feffe0;}
.layer-talk-attach .uid-guide .url {font:italic 12px/18px calibri;}
.layer-talk-attach .uid-guide em {color:#000; font-weight:bold;}
.layer-talk-attach .spot-search {height:190px;}
.layer-talk-attach .spot-search form {position:relative; padding:23px 0 22px 15px; height:25px;}
.layer-talk-attach .spot-search form .text {float:left; width:139px;}
.layer-talk-attach .spot-search form .area.empty {background:#f8f8f8;}
.layer-talk-attach .spot-search form .in {float:left; text-align:center; width:28px; margin-top:2px; color:#24364a; font-weight:bold;}
.layer-talk-attach .spot-search form .auto-search-result {top:48px; right:47px; width:149px;}
.layer-talk-attach .spot-search form .submit {float:left; margin-left:5px;}
.layer-talk-attach .spot-search .result {border-top:1px solid #e0e0e0;}
.layer-talk-attach .spot-search .result li {padding:5px 0 6px; height:18px; border-bottom:1px solid #e0e0e0;}
.layer-talk-attach .spot-search .result li a {float:left;}
.layer-talk-attach .spot-search .result li.on a {font-weight:bold; color:#03a2d0; padding-right:21px; background:url(../image/talk/ico_checked.png) right 2px no-repeat;}
.layer-talk-attach .spot-search .result li .area {float:right; font-size:11px; line-height:18px; color:#999;}
.layer-talk-attach .spot-search .result .empty {padding-top:64px;}

/* 수정 레이어  */
.layer-talk-edit {width:480px;}
.layer-talk-edit textarea {width:434px; height:246px; padding:7px 8px; border:1px solid #c1c1c1; color:#666;}
.layer-talk-edit .btns {position:relative; margin-top:20px; text-align:center;}
.layer-talk-edit .btns .cancel {position:absolute; top:4px; left:0; font-size:11px; color:#03a2d0;}

/* 사진 레이어  */
.layer-talk-photo h2 span {font-weight:normal;}
.layer-talk-photo .photo {text-align:center; min-width:282px;}
.layer-talk-photo .photo img {max-width:500px; max-height:500px;}

/* 키워드 변경 */
.layer-talk-keyword {width:420px;}
.layer-talk-keyword h2 {height:30px; margin-bottom:20px; border-bottom:1px solid #c1c1c1;}
.layer-talk-keyword .p1 {color:#000;}
.layer-talk-keyword .p2 {color:#999;}
.layer-talk-keyword .p2 em {font-weight:bold; color:#000;}
.layer-talk-keyword .p2 a {font-weight:bold; color:#03a2d0;}
.layer-talk-keyword .p2 .title,
.layer-talk-keyword .p2 .keyword {float:left; margin-right:5px;}
.layer-talk-keyword .p3 {color:#666;}
.layer-talk-keyword .btns {margin-top:32px; text-align:center;}
.layer-talk-keyword .btns button.gray {margin-right:10px;}
